<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- <ul>
        <li>List item #1</li>
        <li>List item #1</li>
        <li>List item #1</li>
    </ul> -->

    <div style="padding: 10px; margin-top: 50px; border: 1px solid; width: 420px; background-color: silver;">
        <p class="neg"> Aparagraph</p>
        A div
    </div>


</body>

<style>
    p.neg {
        margin-bottom: -50px;
        margin-right: 10px;
        /* margin-left: 10px; */
        /* margin-top: 0; */
        /* border: 3px solid gray; */ 
    }
    /* li{
      margin: 10px;  
      border-style:solid;
      border-color: red;  
    } */

    /* p {
        white-space: pre;
        padding: 10px solid red;
    } */
    /* td {
        white-space: nowrap;
    } */

    /* p {
        letter-spacing: 0.25em;
        font-size: 20px;

    }

    small {
        font-size: 50%;
    } */
</style>

</html>